<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="打印表格(函数).js" type="text/javascript"></script>
    <style>
        #box2{
            border: 1px solid red;
            height: 100px;width: 500px;
        }
    </style>
</head>
<body>
<!--
    innerHTML ： 可以操作元素对象中的HTML代码（带有标签的文本）

        获取文本：

            语法： 对象.innerHTML

            注意： 获取到的内容： 元素对象中所有文本（包括标签）

        设置文本：

            语法：  对象.innerHTML = 值

            注意： innerHTML ，如果含有标签，会解析

    innerText : 可以操作元素对象中文本（不带标签的纯文本）

        获取文本：

            语法： 对象.innerText

            注意： 获取到的内容： 元素对象中的所有文本（不包含标签）

        设置文本：

            语法： 对象.innerText = 值

            注意： innerText赋值文本时 ，如果含有标签，会把标签看作普通的文本，所以不解析

-->
    <div id="box1">
        这是纯文本1
        <p>这是第一个段落</p>
    </div>
    <div id="box2">

    </div>
    <script type="text/javascript">
        var box1 = document.getElementById("box1");
        log(box1.innerText);
        log(box1.innerHTML);

        //给其设值
        var box2 = document.getElementById("box2");
        box2.innerText = "<p>这是纯文本设值，标签也会显示</p>";
        box2.innerHTML = "<p>标签不显示的设值</p>";
    </script>


    </body>
</html>